.sports-course-detail {
    display: flex;
    flex-direction: column;

    // 视频
    .video-display {
        position: relative;

        .icon-zuojiantou1 {
            position: absolute;
            left: 20px;
            top: 15px;
            font-size: 18px;
            color: #fff;
            z-index: 2;
        }

        #video {
            width: 100%;
        }

        div {
            position: absolute;
            left: 40%;
            top: 40%;
            transform: translate(-50% -50%);
            font-size: 14px;
            color: #fff;

            span {
                font-size: 50px;
            }
        }
    }

    // 主体
    .main {
        height: 1px;
        flex-grow: 1;
        padding: 0 15px;

        // 内容
        .content {
            padding-bottom: 20px;
            border-bottom: 2px solid #ccc;

            h4 {
                line-height: 2em;
                font-size: 20px;
                color: #101010;
            }

            .desc-render {
                display: flex;
                justify-content: space-between;

                div {
                    font-size: 12px;

                    span {
                        font-size: 18px;
                        color: #101010;
                        font-weight: 700;

                    }
                }
            }
        }

        // 个人介绍
        .info {
            margin: 20px 0;
            display: flex;
            flex-direction: column;

            //介绍内容
            .info-content {
                display: flex;
                justify-content: space-around;
                align-items: center;
                margin-bottom: 20px;

                img {
                    width: 80px;
                    height: 80px;
                    border-radius: 50%;
                }

                div {
                    p {
                        font-size: 14px;
                        color: #999;
                        line-height: 2em;
                    }
                }

                span {
                    width: 80px;
                    height: 35px;
                    background-color: #4294ff;
                    border-radius: 20px;
                    text-align: center;
                    line-height: 35px;
                    color: #fff;
                }
            }

            p {
                color: #8a8a8a;
                line-height: 2em;
            }

            // 建议
            .adv {
                display: flex;
                justify-content: space-around;
                margin-top: 15px;

                .dashed {
                    display: block;
                    width: 1px;
                    height: 56x;
                    border: 1px dashed #8a8a8a;
                }

                div {
                    text-align: center;

                    p {
                        span {
                            color: #333;
                            font-size: 18px;
                            margin-right: 5px;
                        }
                    }

                    i {
                        line-height: 1em;
                        font-style: normal;
                        font-size: 14px;
                        color: #8a8a8a;
                    }
                }
            }
        }

        // 开始按钮
        #startBtn {
            display: block;
            width: 100%;
            height: 50px;
            text-align: center;
            line-height: 50px;
            background-color: #4294ff;
            color: #fff;
            border-radius: 20px;
        }
    }
}